<!DOCTYPE html>
<html lang="en">
<head>
  <!-- 公用头部html -->
  @@include("./template/header.html", {
    "title": "首页"
  })
  <link rel="stylesheet" href="./styles/index.css">
</head>
<body>
    <!-- bower:js -->
    <!-- endbower -->
  <div class="container">
    <img src="./assets/logo.jpg" />
    <h1>WOW, Hello World! Let's go!</h1>
    <p class="function">
      <span>Less</span>
      <span>Sass</span>
      <span>Stylus</span>
      <span>压缩css</span>
      <span>Autoprefixer</span>
      <span>es6</span>
      <span>commonjs</span>
      <span>压缩js</span>
      <span>html模块化</span>
      <span>自动生成精灵图</span>
      <span>本地开发服务器</span>
      <span>自动刷新</span>
      <span>多端同步</span>
      <span>接口跨域</span>
      <span>版本管理</span>
      <span>REM布局pxtorem</span>
      <span>代码检查Eslint</span>
    </p>
	<p class="other_link"><a href="./other.html">去另一个页面</a></p>
    <ul>
      <li>
        <a class="icon-index__home"></a>
      </li>
      <li>
        <a class="icon-index__github"></a>
      </li>
      <li>
        <a class="icon-index__npm"></a>
      </li>
    </ul>

    <!-- 公用footer的html -->
    @@include("./template/footer.html")
  </div>
  <script src="./otherlib/jquery/jquery.min.js"></script>
  <script src="./scripts/index.js"></script>

</body>
</html>
